<!DOCTYPE html>
<html lang="zxx">
<head>
	<title>Home</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- //Meta tag Keywords -->

	<!-- Custom-Files -->
	<link rel="stylesheet" href="__PUBLIC__/css/bootstrap.css">
	<!-- Bootstrap-Core-CSS -->
	<link href="__PUBLIC__/css/css_slider.css" type="text/css" rel="stylesheet" media="all">
	<!-- banner slider -->
	<link rel="stylesheet" href="__PUBLIC__/css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link rel="stylesheet" href="__PUBLIC__/css/ziji.css">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //Custom-Files -->

	<!-- Web-Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext,vietnamese"
	 rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
	 rel="stylesheet">
	<!-- //Web-Fonts -->
</head>
<body>	
	<!-- footer -->
	<footer class="footer-w3ls py-5">
            <div class="container py-sm-4">
                <div class="row">
                    <div class="col-lg-3 col-sm-6 agileinfo_footer_grid">
                        <!-- logo -->
                        <div class="logo-2 mb-sm-4 mb-3">
                            <h2><a href="{:url('Index/index')}">Skin Beauty</a></h2>
                        </div>
                        <!-- //logo -->
                        <p>我只怪你过分美丽</p>
                    </div>
                    <div class="col-lg-3 col-sm-6 agileinfo_footer_grid mt-sm-0 mt-5">
                        <h4 class="mb-sm-5 mb-4">Recent Articles</h4>
                        <ul class="list-unstyled">
                            <li>
                                <span class="fa fa-angle-double-right mr-2"></span> Ut enim ad minima ven aiam</li>
                            <li>
                                <span class="fa fa-angle-double-right mr-2"></span> Fugiat nulla pariatur
                            </li>
                            <li>
                                <span class="fa fa-angle-double-right mr-2"></span> Olor in repreh enderit</li>
                            <li>
                                <span class="fa fa-angle-double-right mr-2"></span>Duis aute irure dolor</li>
                        </ul>
                    </div>
                    <div class="col-lg-3 col-sm-6 agileinfo_footer_grid pl-lg-0 mt-lg-0 mt-5">
                        <h4 class="mb-sm-5 mb-4">Instagram Posts</h4>
                        <div class="d-flex">
                            <div class="col-sm-4 col-3 agileinfo_footer_grid1">
                                <a href="#">
                                    <img src="__PUBLIC__/images/f1.jpg" alt=" " class="img-fluid">
                                </a>
                            </div>
                            <div class="col-sm-4 col-3 agileinfo_footer_grid1">
                                <a href="#">
                                    <img src="__PUBLIC__/images/f2.jpg" alt=" " class="img-fluid">
                                </a>
                            </div>
                            <div class="col-sm-4 col-3 agileinfo_footer_grid1">
                                <a href="#">
                                    <img src="__PUBLIC__/images/f3.jpg" alt=" " class="img-fluid">
                                </a>
                            </div>
                        </div>
                        <div class="d-flex mt-2">
                            <div class="col-sm-4 col-3 agileinfo_footer_grid1">
                                <a href="#">
                                    <img src="__PUBLIC__/images/f4.jpg" alt=" " class="img-fluid">
                                </a>
                            </div>
                            <div class="col-sm-4 col-3 agileinfo_footer_grid1">
                                <a href="#">
                                    <img src="__PUBLIC__/images/f5.jpg" alt=" " class="img-fluid">
                                </a>
                            </div>
                            <div class="col-sm-4 col-3 agileinfo_footer_grid1">
                                <a href="#">
                                    <img src="__PUBLIC__/images/f6.jpg" alt=" " class="img-fluid">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 agileinfo_footer_grid mt-lg-0 mt-5">
                        <h4 class="mb-sm-5 mb-4">Address</h4>
                        <ul class="list-unstyled">
                            <li>
                                <span class="fa fa-map-marker mr-2"></span> 738 Diamond Road, New York</li>
                            <li>
                                <span class="fa fa-envelope mr-2"></span>
                                <a href="mailto:info@example.com">info@example.com</a>
                            </li>
                            <li>
                                <span class="fa fa-phone mr-2"></span> (0123) 0111 111 222</li>
                            <li>
                                <span class="fa fa-clock-o mr-2"></span><a href="{:url('../admin/Login/index')}">管理员登陆</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
        <!-- //footer -->
    
        <!-- footer last -->
    
        <!-- //footer last -->
     <script>
        window.onload=function(){
            var huidao=document.getElementById('huidao');
            window.onscroll=function(){
                var _top=window.scrollY;
                if(_top>=630){
                    huidao.style.display='block';
                }else{
                    huidao.style.display='none';
                }
                huidao.onclick=function(){
                    clearInterval(huidao.timer)
                    huidao.timer=setInterval(function(){
                        if(scrollY<=0){
                            clearInterval(huidao.timer);
                        }
                        window.scrollBy(0,-50)
                    },50);
                }
            }
        }
    </script> 
    </body>
    
    </html>
